.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
body {
    background: #fbfbfb;
}
.head{
    position: fixed;
    left: 0;
    top: 0;
   
    display: flex;
    align-items: center;
    justify-content: center;
    .pxToRem(height, 95);
    width: 100%;
    background: #fff;
   
    z-index: 99;
    
    .dt{ 
         .pxToRem(font-size, 50);
        
    }
}
.xx{
    width: 100%;
    .pxToRem(margin-top,100);
    background: #FFFFFF;
    border-top: 1px solid #ececec;
     border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
//  flex-direction: column;
    figure{
                width: 20%;
            img{
               
                .pxToRem(width,100);
                 .pxToRem(height,100);
                 .pxToRem(padding,25);
            }
            }
            .zi{
                width: 80%;
                .mz{
               
               .pxToRem(font-size,25);
               display:block;
               font-weight: bold; 
            }
           .jie{
                .pxToRem(font-size,20);
                display: block;
                color: #959595;
              .pxToRem(padding-top,20);
              .pxToRem(letter-spacing, 10);
               
            }
            }
}




.foot {
    position: fixed;
    bottom: 0;
    left: 0;

    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 98);
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        span {
            .pxToRem(font-size, 40);
        }
    }
}